<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>启辕商城</title>
    <link href="https://cdn.bootcss.com/layer/2.1/skin/layer.min.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="../../css/common/base.css">
    <link type="text/css" rel="stylesheet" href="../../css/common/calendar.css">
    <link type="text/css" rel="stylesheet" href="../../css/index/index.css">
</head>

<body>
<!--首页header-->
<div class="index-header">
    <div class="header-box">
        <div class="index-logo"></div>
        <div class="index-content-box">
            <a class="hand-move">首页<span class="page-border"></span></a>
            <a class="hand-move remove-session" href="../../html/list/list.html">启辕商城</a>
            <a id="userMobile"></a>
            <a class="hand-move" id="login"> 登录</a>
            <a class="hand-move" id="exit" style="display: none"> 退出</a>
            <a class="contact-number" style=" border-left: 2px solid #fff;">400-150-1999</a>
        </div>
        <div class="header-tip">
            <span>双重检测</span>
            <span>200项检测</span>
            <span>无火烧水泡</span>
            <span>无重大事故</span>
            <span>30天包退</span>
            <span>一年或2万公里延保</span>
        </div>
    </div>
</div>

<!--首页内容-->
<div class="content-box">
    <!--卖车-->
    <div class="all-car">
        <span class="car-number" id="car-numbers"></span>
        <span class="sale-car hand-move" id="saleCar">我要卖车</span>
    </div>
    <!--筛选条件-->
    <div class="condition-box">
        <div class="top-condition border-bottom">
            <div class="brand-box">
                <div class="title border-bottom">
                    <div class="title-box">
                        <img src="../../images/brand@2x.png">
                        品牌
                    </div>
                    <a class="index-more hand-move remove-session" href="../../html/list/list.html">
                        更多
                        <img src="../../images/more8@2x.png">
                    </a>
                </div>
                <div class="car-box" id="brandList">
                </div>
            </div>
            <div class="type-box">
                <div class="title border-bottom">
                    <div class="title-box">
                        <img src="../../images/type@2x.png">
                        <span>类型</span>
                    </div>
                    <a href="../../html/list/list.html" class="index-more hand-move remove-session">
                        更多
                        <img src="../../images/more8@2x.png">
                    </a>
                </div>
                <div class="type-car-box" id="type-car-box">
                </div>
            </div>
        </div>
        <div class="bottom-condition">
            <div class="mile-box border-right">
                <div class="title border-bottom">
                    <div class="title-box">
                        <img src="../../images/car-mile@2x.png">
                        里程
                    </div>
                    <a href="../../html/list/list.html" class="index-more hand-move remove-session">
                        更多
                        <img src="../../images/more8@2x.png">
                    </a>
                </div>
                <div class="car-mile-box" id="car-mile-box">
                </div>
            </div>
            <div class="year-box border-right">
                <div class="title border-bottom">
                    <div class="title-box">
                        <img src="../../images/car-year@2x.png">
                        车龄
                    </div>
                    <a href="../../html/list/list.html" class="index-more hand-move remove-session">
                        更多
                        <img src="../../images/more8@2x.png">
                    </a>
                </div>
                <div class="car-year-box" id="car-year-box">
                    <a href="../../html/list/list.html?fromCarAge=0&toCarAge=1" data-id="yearId=1">1年内</a>
                    <a href="../../html/list/list.html?fromCarAge=1&toCarAge=3" data-id="yearId=2">1~3年</a>
                    <a href="../../html/list/list.html?fromCarAge=3&toCarAge=5" data-id="yearId=3">3~5年</a>
                    <a href="../../html/list/list.html?fromCarAge=5&toCarAge=8" data-id="yearId=4">5~8年</a>
                </div>
            </div>
            <div class="price-box">
                <div class="title border-bottom">
                    <div class="title-box">
                        <img src="../../images/car-price@2x.png">
                        价格
                    </div>
                    <a href="../../html/list/list.html" class="index-more hand-move remove-session">
                        更多
                        <img src="../../images/more8@2x.png">
                    </a>
                </div>
                <div class="car-price-box" id="car-price-box">
                </div>
            </div>
        </div>

    </div>
    <!--车类型-->
    <div class="big-car-type">
        <div class="optimization-car index-margin-left remove-session">
            <img src="../../images/优选车@2x.png">
        </div>
        <div class="choiceness-car index-margin-left remove-session">
            <img src="../../images/精选SUV@2x.png">
        </div>
        <div class="luxury-car remove-session">
            <img src="../../images/豪华跑车@2x.png">
        </div>
    </div>
</div>
<!--中部banner-->
<div class="middle-banner"></div>
<!--车辆列表-->
<div class="list-content-box">
    <div class="list-content">
        <div class="list-title">
            <img src="../../images/source-left@2x.png">
            <span>推荐车源</span>
            <img src="../../images/source-right@2x.png">
        </div>
        <div class="tab-type">
            <span class="active-bg" id="new-publish" style="border-right: none;">最新发布</span>
            <span class="type-border" id="best-choice" style="border-right: 1px solid #e6e6e6;">启辕优选</span>
        </div>
        <a href="../../html/list/list.html" class="more-car hand-move remove-session">
            更多车源
            <img src="../../images/more8@2x.png">
        </a>
        <div class="car-list" id="car-List">
        </div>
    </div>
</div>
<!--弹窗-->
<div id="tip" style="display: none">
    <div class="window-bg">
    </div>
    <div class="window-content" id="saleInfoBox" style="display: none">
        <p class="border-bottom">
            完善信息，更快匹配买家！
        </p>
        <img id="close" class="close-window close-position" src="../../images/close@2x.png">
        <div class="info-list-box">
            <div class="info-item">
                <span>销售车型</span>
                <select id="brand">
                    <option value="">请选择</option>
                </select>
                <select id="series">
                    <option value="">请选择</option>
                </select>
            </div>
            <div class="info-item">
                <span>上牌时间</span>
                <input class="calendar" id="calendar" readonly placeholder="请输入上牌时间" style="cursor: pointer;">
                <img class="calendar" src="../../images/calendar.png">
            </div>
            <div class="info-item">
                <span>行驶里程</span>
                <input placeholder="请输入行驶里程" id="mile">
                <span style="text-align: left;font-size: 12px;">万公里</span>
            </div>
            <div class="info-item">
                <span>牌照所在地</span>
                <select id="province">
                    <!--<option>省份</option>-->
                </select>
                <select id="city">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>
        <div id="low-price" class="font-space submit-info" style="background: #FF6C00">提 交</div>
        <div id="cal-box"></div>
    </div>
    <div class="submit-tip" style="display: none">
        <p>卖车预约提交成功，我们将尽快与您取得联系！</p>
        <img class="close-window tip-close-position" src="../../images/close@2x.png">
    </div>
    <!--登录-->
    <div class="window-content" style="display: none" id="loginBox">
        <p class="border-bottom">
            登 录
        </p>
        <img id="close" class="close-window close-position" src="../../images/close@2x.png">
        <form id="myForm">
            <div class="info-list-box">
                <div class="error-tip" style="display: none"><img class="error-img" src="../../images/errortip@2x.png"><span class="error-message">请输入正确的手机号码</span></div>
                <div class="info-item login-box first-box">
                    <input name="userMobile" id="phone-number" placeholder="请输入您的手机号">
                    <span class="validate-code get-code" style="display: block">获取验证码</span>
                    <span class="validate-code time" style="display: none"><span id="time">59s</span></span>
                </div>
                <div class="code-error" style="display: none"><img class="error-img" src="../../images/errortip@2x.png"><span class="error-message">验证失败</span></div>
                <div class="info-item login-box">
                    <input name="validateCode" id="code" placeholder="请输入验证码">
                </div>
                <div class="info-item login-box" id="check-box">
                    <img id="agree" class="isAgree" style="display: none" src="../../images/checked.png">
                    <img id="disagree" class="isAgree" style="display: block" src="../../images/unchecked.png">
                    <span class="is-checked"><a class="isAgree">登录即视为同意使用</a><a id="agreement">用户协议</a>&<a id="policy">隐私政策</a></span>
                </div>
            </div>
        </form>
        <div id="low-price" class="login-btn login">
            登 录
        </div>
    </div>
</div>

<!--底部-->
<div style="clear: both"></div>
<div class="footer">
    <div class="footer-content-box">
        <div class="footer-left">
            <h4>热门市场</h4>
            <ul class="hot-market-box">
                <li>西安公诚二手车交易市场</li>
                <li class="right">青岛苏尚二手车交易市场</li>
                <li>潍坊泰华车港二手车交易市场</li>
                <li class="right">临沂远通二手车交易市场</li>
                <li>唐山兴瑭二手车交易市场</li>
                <li class="right">南京大公二手车交易市场</li>
            </ul>
        </div>
        <div class="footer-right">
            <div class="QR-code-box">
                <img class="app-load-img" src="../../images/app-logo.png">
                <p>下载启辕APP</p>
                <p>收车卖车更简单</p>
            </div>
            <div class="QR-code-box">
                <img class="app-load-img" src="../../images/QR-logo.png">
                <p>关注启辕公众号</p>
                <p>查看更多优质二手车</p>
            </div>
        </div>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/layer/2.1/layer.min.js"></script>
<script src="../../js/common/global.js"></script>
<script src="../../js/common/api.js"></script>
<script src="../../js/common/getBaseData.js"></script>
<script src="../../js/common/calendar.js"></script>
<script src="../../js/common/client-pc.js"></script>
<script src="../../js/index/index.js"></script>
</body>
</html>